<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<title>业绩佣金-我的佣金</title>

<link rel="stylesheet" href="mobile/fonts/themify/themify.css">
<link rel="stylesheet" href="mobile/css/home.css">
<link rel="stylesheet" href="mobile/css/custom-mobile.css">
<link rel="stylesheet" href="mobile/css/examples/pages/home/ecommerce.css">
<!--自定义样式-->

<%@include file="/context/mytags.jsp" %>

<%@include file="/webpage/mobile/mobile_head.jsp" %>
<div class="page animation-fade page-ecommerce">
    <div class="page-content">
        <div class="row" data-plugin="matchHeight" data-by-row="true">
            <div class="col-ms-12 col-xs-12 col-md-12" id="ecommerceChartView">
                <div class="widget widget-shadow">
                    <div class="widget-content tab-content bg-white padding-20">
                        <div style="padding-left: 50px">
                            <div class="media" style="border:0px">
                                <div class="media-left">
                                    <a href="javascript:;">
                                        <img class="media-object" src="mobile/images/portraits/13.jpg" alt="...">
                                    </a>

                                </div>
                                <div class="media-body" style="padding-top: 10px;padding-left:50px">
                                    <h3 class="media-heading" style="font-size: 26pt;margin-bottom: 16px"> <t:mutiLang langKey="gzgl.xcby"/></h3>

                                    <h3 class="media-heading">部门：${depname} &nbsp;&nbsp;  姓名：${user.realName} &nbsp;&nbsp;人资号： ${rennum}&nbsp;&nbsp;当前月份：${dqyf}</h3>



                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-sm-3 col-xs-12 info-panel">
                <div class="widget widget-shadow">
                    <div class="widget-content bg-white padding-20">
                        <button type="button" class="btn btn-floating btn-sm btn-warning">
                            <i class="icon wb-shopping-cart"></i>
                        </button>
                        <span class="margin-left-15 font-weight-400">当年累计应发</span>
                        <div class="content-text text-center margin-bottom-0">
                            <i class="text-danger icon wb-triangle-up font-size-20"> </i>
                            <span class="font-size-30 font-weight-100">${dnyf}</span>
                            <p class="blue-grey-400 font-weight-100 margin-0">当年累计应发</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-3 col-xs-12 info-panel">
                <div class="widget widget-shadow">
                    <div class="widget-content bg-white padding-20">
                        <button type="button" class="btn btn-floating btn-sm btn-danger">
                            <i class="icon fa-yen"></i>
                        </button>
                        <span class="margin-left-15 font-weight-400">当年累计实发</span>
                        <div class="content-text text-center margin-bottom-0">
                            <i class="text-success icon wb-triangle-up font-size-20"> </i>
                            <span class="font-size-30 font-weight-100">${dnsf}</span>
                            <p class="blue-grey-400 font-weight-100 margin-0">当年累计实发</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-3 col-xs-12 info-panel">
                <div class="widget widget-shadow">
                    <div class="widget-content bg-white padding-20">
                        <button type="button" class="btn btn-floating btn-sm btn-success">
                            <i class="icon wb-eye"></i>
                        </button>
                        <span class="margin-left-15 font-weight-400">当月应发总计</span>
                        <div class="content-text text-center margin-bottom-0">
                            <i class="text-danger icon wb-triangle-up font-size-20"> </i>
                            <span class="font-size-30 font-weight-100">${byyf}</span>
                            <p class="blue-grey-400 font-weight-100 margin-0">应发工资总计</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-3 col-xs-12 info-panel">
                <div class="widget widget-shadow">
                    <div class="widget-content bg-white padding-20">
                        <button type="button" class="btn btn-floating btn-sm btn-primary">
                            <i class="icon wb-user"></i>
                        </button>
                        <span class="margin-left-15 font-weight-400">当月实发总计</span>
                        <div class="content-text text-center margin-bottom-0">
                            <i class="text-danger icon wb-triangle-up font-size-20"> </i>
                            <span class="font-size-30 font-weight-100">${bysf}</span>
                            <p class="blue-grey-400 font-weight-100 margin-0">实发工资总计</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="ecommerceRecentOrder">
                <div class="widget widget-shadow table-row">
                    <div class="widget-header padding-20">
                        <h3 style="height: 10px">当月工资明细</h3>
                        <%--<div class="btn-group dropdown table-menu">--%>
                        <%--<button type="button" class="btn btn-outline btn-default dropdown-toggle" data-toggle="dropdown">--%>
                        <%--最近订单 <span class="caret"></span>--%>
                        <%--</button>--%>
                        <%--<ul class="dropdown-menu animate" role="menu">--%>
                        <%--<li role="presentation">--%>
                        <%--<a href="#" role="menuitem">销售</a>--%>
                        <%--</li>--%>
                        <%--<li role="presentation">--%>
                        <%--<a href="#" role="menuitem">总销售额</a>--%>
                        <%--</li>--%>
                        <%--<li role="presentation">--%>
                        <%--<a href="#" role="menuitem">利润</a>--%>
                        <%--</li>--%>
                        <%--</ul>--%>
                        <%--</div>--%>
                    </div>
                    <div >
                        <table class="table" >
                            <thead>
                            <tr>
                                <th>薪点</th>

                                <th>专项</th>
                                <th>工龄</th>
                                <th>岗位</th>
                                <th>人才</th>

                                <th>月奖</th>
                                <th>补发</th>
                                <th>应发工资</th>
                                <th>欠款</th>
                                <th>养老</th>

                                <th>医疗</th>
                                <th>公积金</th>
                                <th>年金</th>
                                <th>个税</th>

                                <th>电话</th>
                                <th>水电</th>
                                <th>服务费</th>
                                <th>实发工资</th>

                                <th>零星</th>
                                <th>月奖1</th>
                                <th>月奖2</th>
                                <th>月奖3</th>
                            </tr>
                            </thead>
                            <tbody style="border: black;height: 20px">
                            <tr >
                                <td >${tPayPage.xdgzPay} </td>
                                <td> ${tPayPage.zxjtPay}</td>
                                <td> ${tPayPage.glPay}</td>
                                <td>${tPayPage.gwjtPay} </td>
                                <td>${tPayPage.rcjtPay} </td>
                                <td>${tPayPage.monthBonus} </td>

                                <td>${tPayPage.bfWage} </td>
                                <td>${tPayPage.yfTotal} </td>
                                <td> ${tPayPage.qkuan}</td>
                                <td>${tPayPage.oldInsu} </td>

                                <td> ${tPayPage.ylInsu}</td>
                                <td> ${tPayPage.gjj}</td>
                                <td> ${tPayPage.qynj}</td>
                                <td>${tPayPage.gsui} </td>

                                <td>${tPayPage.dhf} </td>
                                <td>${tPayPage.sdf} </td>
                                <td> ${tPayPage.fwf}</td>
                                <td>${tPayPage.sfTotal} </td>

                                <td>${tPayPage.lxjj} </td>
                                <td> ${tPayPage.yj1}</td>
                                <td> ${tPayPage.yj2}</td>
                                <td> ${tPayPage.yj3}</td>


                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="mobile/vendor/matchheight/jquery.matchHeight.min.js"></script>
<script src="mobile/vendor/vue/vue.min.js"></script>
<%@include file="/webpage/mobile/mobile_footer.jsp" %>
<script>
</script>
